/* 主页 */
require("../css/home.less")
//文档加载完毕
document.ready( function(){
    //加载底部导航
    
    window.$utils.footMenubar("home")
//轮播配置
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal', // 水平切换选项
        loop: true, // 循环模式选项
        
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
        },
        
        // // 如果需要前进后退按钮
        // navigation: {
        //   nextEl: '.swiper-button-next',
        //   prevEl: '.swiper-button-prev',
        // },
        
        // 如果需要滚动条
        // scrollbar: {
        //   el: '.swiper-scrollbar',
        // },
      })  
      let todyClock=document.querySelector("#todyClock")  //今日打卡
      let rankTody=document.querySelector("#rankTody")  //今日排名
      let clocksDay=document.querySelector("#clocksDay")  //累计打卡
      let badgenum=document.querySelector("#badgenum")  //累计徽章
   
      //获取储存数据
      let nowdata=JSON.parse(localStorage.getItem("user")).userId
    //定义标杆
    let flag=''
      update()
      function update(){
          axios.get("http://139.9.177.51:8099/headPageInfo",{
            params:{userId:nowdata}
          })
          .then(function(res){
              console.log(res);
              let red=res.data
              console.log(red.data);
              console.log(red.data.rank);
            if(red.status==0){
                rankTody.textContent=red.data.rank
                clocksDay.textContent=red.data.punchIn
                badgenum.textContent=red.data.insigniaNum
                //true 表示已经打过卡   false 表示没打卡
                todyClock.textContent=red.data.isPunch=="true"?"已打卡":"今日打卡"
                flag=red.data.isPunch=="true"?true:false
            }
          }).catch(function(error){
              console.log(error);
          })
     } 


      //打卡
      todyClock.onclick=function(){




        if(flag){
          window.$utils.Prompt("jia","别按了")
        }else{
            axios.get("http://139.9.177.51:8099/clockIn",{
              params:{userId:nowdata}
            })
            .then(function(res){
              let red=res.data
                console.log(res);
                console.log(res.data);
                if(red.status==0){
                  update()
                }else if(red.status==1){
                  window.$utils.Prompt("test","打卡成功")

                }
            })
            .catch(function(error){
                console.log(error);
            })
        }
         
      }
















})